<template>
	<div class="footer">
		<ul>
			<li class="left-wrap">
				<div class="left">
					<h3>服务</h3>
					<div>
						<p>帮助中心</p>
						<p>反馈与建议</p>
						<p>反馈与建议</p>
						<p>反馈与建议</p>
					</div>
				</div>
				
				<div>
					<h3>服务</h3>
					<div>
						<p>帮助中心</p>
						<p>反馈与建议</p>
						<p>反馈与建议</p>
						<p>反馈与建议</p>
					</div>
				</div>
			</li>
			
			<li class="right-wrap">
				<h3>联系我们</h3>
				<div>
					<img src="@/assets/img/service.png"/>
					<img src="@/assets/img/chat.png"/>
				</div>
				<h1>400 866 888</h1>
				<p>服务时间：9:00-19:00</p>
			</li>
		</ul>
	</div>
</template>
<script>
	import utils from '@/assets/js/utils';;
	export default {
		data() {
			return {
				token:""
			};
		},

	
		methods: {
			
		}
	};
</script>
<style lang="scss" scoped>
	.footer{
		margin-top: 30px;
		ul{
			background: #FFF1DF;
			border-radius: 0px 0px 0px 0px;
			padding: 20px 30px;
			@include flex-row;
			justify-content: space-between;
			li{
				h3{
					font-size: 18px;
					color: #333333;
					margin-bottom: 30px;
				}
				p{
					font-size: 12px;
					color: #A08662;
				}
				p:not(:last-child){
					margin-bottom: 10px;
				}
			}
			.left-wrap{
				display: flex;
				.left{
					margin-right: 60px;
				}
			}
			.right-wrap{
				img{
					width: 38px;
					height: 38px;
					margin-right: 18px;
				}
				h1{
					margin-top: 20px;
					font-size: 30px;
					color: #333333;
				}
			}
		}
	}
</style>